<template>
  <div id="fileGroupTree">
    <template v-for="(k, i) in fileList">
      <div :key="i">
        <div class="fileList">
          <div class="icon">
            <svg
              t="1586958565222"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2193"
              width="32"
              height="32"
            >
              <path
                d="M974.99592797 774.77400863H49.00407203V220.36641817h857.08789887c38.11120672 0 69.04204115 30.93083443 69.04204115 69.04204115v485.36554931h-0.13808408zM627.71446098 220.36641817c0-63.9329301-51.78153086-115.71446098-115.71446098-115.71446098H49.00407203v115.71446098h578.71038895"
                fill="#487af5"
                p-id="2194"
              ></path>
              <path
                d="M164.718533 620.25792053V273.11453762h694.562934v347.14338291h-694.562934z"
                fill="#487af5"
                p-id="2195"
              ></path>
              <path
                d="M974.99592797 848.09665633V398.49488435c0-31.89742302-25.95980747-57.85723049-57.85723049-57.85723048H106.86130252c-31.89742302 0-57.85723049 25.95980747-57.85723049 57.85723048v449.4636879c0 39.35396347 31.89742302 71.38947055 71.38947055 71.38947056h783.35099891c39.35396347 0.13808409 71.25138647-31.89742302 71.25138648-71.25138648z"
                fill="#487af5"
                p-id="2196"
              ></path>
            </svg>
          </div>
          <div class="name">
            {{ k.getGroupName() }}
          </div>
        </div>
        <div class="groupList">
          <template v-for="(j, i) in k.getChild()">
            <fileGroup :key="i" :fileList="j" />
          </template>
        </div>
      </div>
    </template>
  </div>
</template>

<script lang="ts">
  import { Component, Vue, Prop } from 'vue-property-decorator';
  import group from '../../../../script/file/group';
  @Component({
    name: 'fileGroup',
    components: {},
  })
  export default class fileGroup extends Vue {
    @Prop() fileList!: group[];
  }
</script>

<style scoped></style>
